<template>
    <view class="bg-[#EAEAEA] min-h-screen">
        <view class="h-[1rpx]"></view>
        <view class="bg-white px-[40rpx] pt-[20rpx] pb-[20rpx] ">
            <view class="pb-[20rpx] border-b border-[#D8D8D8] text-[34rpx]">
              
                <view class="mt-[30rpx] flex items-center"><text>范围：</text>
                    <view class="flex w-[70vw] justify-between border-b border-[#D8D8D8]"><text
                            class="ml-[30rpx] text-[30rpx]">青秀区老年大学、兴宁区老年大学</text><u-icon name="arrow-down" color="#3F3F3F" size="18"></u-icon>
                    </view>
                </view>
                <view class="mt-[30rpx] flex items-center"><text>时间段：</text>
                    <view class="flex w-[70vw] justify-between border-b border-[#D8D8D8]"><text
                            class="ml-[30rpx] text-[30rpx]">2020.10.1~2020.11.30</text><u-icon name="arrow-down" color="#3F3F3F" size="18"></u-icon>
                    </view>
                </view>
             


            </view>
           
            <u-search :showAction="false" placeholder="搜索" v-model="course"></u-search>

        </view>
        <view class="bg-white pb-[60rpx]">
            <uni-table class="w-[100vw]" border stripe emptyText="暂无更多数据">
                <!-- 表头行 -->
                <uni-tr>
                    <uni-th align="center"></uni-th>
                    <uni-th align="center">课程</uni-th>
                    <uni-th align="center">人数</uni-th>
                    <uni-th align="center">人次</uni-th>


                </uni-tr>
                <!-- 表格数据行 -->
                <uni-tr>
                    <uni-td width="100"><view  class="text-[#FD755D]">青秀区老年大学 XXX社区</view></uni-td>
                    <uni-td>56</uni-td>
                    <uni-td>54</uni-td>
                    <uni-td>10</uni-td>
                  

                </uni-tr>
           
            </uni-table>
        </view>
    </view>
</template>
<script setup>
const navigateTo = (url) => {
    uni.navigateTo({
        url
    })
}
</script>